﻿<Window x:Class="TwitterBand.MainWindow" 
		xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
		xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:marqueecontrol="clr-namespace:marqueecontrol;assembly=marqueecontrol" Title="Twitter" Height="350" Width="525" Topmost="True" WindowStyle="None">
	<Window.Resources>
		<ItemsPanelTemplate x:Key="ItemsPanelTemplate1">
			<StackPanel Orientation="Horizontal" />
		</ItemsPanelTemplate>
	</Window.Resources>
	<Grid>
		<Grid.RowDefinitions>
			<RowDefinition Height="22" />
			<RowDefinition Height="*" />
		</Grid.RowDefinitions>
		
		<DockPanel>
			<TextBlock Name="query" Text="#hashtag" Margin="5,2,5,2" HorizontalAlignment="Left" FontSize="14" Foreground="Gray" />
			<TextBlock Name="update" Text="4. Feb 17:05" Margin="5,2,5,2" HorizontalAlignment="Right" FontSize="14" Foreground="Gray" />
		</DockPanel>
		
		<marqueecontrol:Marquee Duration="6000" x:Name="marquee" Grid.Row="1" >
			<ListBox Name="lstContent" ItemsPanel="{StaticResource ItemsPanelTemplate1}" VerticalAlignment="Center">
				<ListBox.ItemTemplate>
					<DataTemplate>
						<Border BorderThickness="4" BorderBrush="Black" CornerRadius="15" VerticalAlignment="Stretch">
							<StackPanel Orientation="Vertical" VerticalAlignment="Stretch">
								<StackPanel Orientation="Horizontal" VerticalAlignment="Stretch">
									<Image Source="{Binding ImageSource}" VerticalAlignment="Top" Margin="5,5,5,5" Width="40" Height="40" />
									<TextBlock Text="{Binding Text}" FontSize="14" Width="400" Height="40" TextWrapping="Wrap" VerticalAlignment="Stretch" Margin="0,0,5,0" />
								</StackPanel>
								<Label Content="{Binding Name}" FontSize="10" />
							</StackPanel>
						</Border>
					</DataTemplate>
				</ListBox.ItemTemplate>
			</ListBox>
		</marqueecontrol:Marquee>

	</Grid>
</Window>